<!-- 失效弹窗 -->
<template>
	<div class=''>
		<el-dialog title="提示" center="" :visible.sync="loseAlert" width="30%" :show-close='false'>
			<div>确认后，该优惠券将不可使用。车主浏览优惠券时，将显示为已失效。</div>
			<span slot="footer" class="dialog-footer">
				<el-button @click="loseClose">取 消</el-button>
				<el-button type="primary" @click="loseConfirm">确 定</el-button>
			</span>
		</el-dialog>
	</div>
</template>

<script>
	export default {
		props:{
			loseAlert:Boolean,
		},
		components: {

		},
		data () {
			return {

			};
		},
		methods: {
			loseClose(){
				this.$emit('loseClose')
			},
			loseConfirm(){
				console.log('确认')
			},
		},
	}
</script>

<style scoped>
/deep/ .el-dialog__header{
	background:#169bd5!important
}
/deep/ .el-dialog{
	border-radius: 24px;
}
</style>